<!doctype html>
<html lang="en">

	<head>
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<meta charset="UTF-8" />
		<title>WeGame</title>
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="dist/jquery.vm-carousel.css">
	</head>
	<body> 
		<nav>
			<div class="logo">
				<a href="#">
					<img src="img/logo.png" />
				</a>
			</div>
			<div class="shop">
				<nav class="navbar navbar-expand-lg navbar-light ">
					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation" style="outline: none;">
                    <span class="navbar-toggler-icon"></span>
                    </button>
					<div class="collapse navbar-collapse" id="navbarNav">
						<ul class="navbar-nav">
							<li>
								<a href="#" style=" background-color: rgba(255,255,255,0.12);color: #fff;">商店</a>
							</li>
							<li>
								<a href="index2.html">客户端</a>
							</li>
							<li>
								<a href="#">移动端</a>
							</li>
							<li>
								<a href="#">翼计划</a>
							</li>
							<li>
								<a href="index3.html">帮助反馈</a>
							</li>
						</ul>
					</div>
				</nav>
			</div>
			<div class="down">
				<a href="#" style="margin: 0;">开发者平台</a>
				<a href="#" class="xz">
					<span>下载客户端</span>
				</a>
				<a href="#">登录</a>
			</div>
		</nav>
		<header>
			<div class="top">
				<div class="container" style="max-width: 1030px;">
					<div class="row">
						<div class="col-md-5 col-12" style="padding: 0;">
							<ul class="top-left">
								<li>
									<a href="#" class="oo">精选</a>
								</li>
								<li class="nr">
									<a href="#">所有内容 <i class="fa fa-angle-down" aria-hidden="true"></i></a>
									<div class="small">
										<a href="#">娱乐应用</a>
										<a href="#">更多内容</a>
									</div>
								</li>
							</ul>
						</div>
						<div class="col-md-7 col-12" style="padding: 0;">
							<div class="collapsd">
								<ul class="two ">
									<li class="nav-item ">
										<a class="nav-link" href="#">大型网游</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" href="#">单机</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" href="#" style=" font-weight: bold; color:rgb(255, 150, 0);">剑网3有奖预约</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" style=" font-weight: bold; color:rgb(255, 150, 0);border: none;">疾风之刃</a>
									</li>
								</ul>
								<form class="form-inline" style="style=" outline: none; "">
									<input class="form-contro" type="text" style="outline: none;">
									<button class="btn" type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="big">
				<a href="#">
					<img src="img/ss.jpg" />
				</a>
			</div>
			<div class="zhong">
				<div class="ag7-main">
					<div class="ag7-bannerslide">
						<ul class="slidebox">
							<li>
								<a href="#"><img src="img/1.jpeg"></a>
							</li>
							<li>
								<a href="#"><img src="img/2.jpeg"></a>
							</li>
							<li>
								<a href="#"><img src="img/3.png"></a>
							</li>
							<li>
								<a href="#"><img src="img/4.jpeg"></a>
							</li>
							<li>
								<a href="#"><img src="img/5.jpeg"></a>
							</li>
							<li>
								<a href="#"><img src="img/6.jpeg"></a>
							</li>
							<li>
								<a href="#"><img src="img/7.jpeg"></a>
							</li>
						</ul>
						<div class="slideinfo">
							<div class="slidelist">
								<ul>
									<li class="one">
										<a href="#">
											<div class="bian">
												<strong>最终幻想14</strong>
											</div>
										</a>
									</li>
									<li class="two">
										<a href="#">
											<div class="bian">
												<strong>对位评估启幕</strong>
											</div>
										</a>
									</li>
									<li class="three">
										<a href="#">
											<div class="bian">
												<strong>饥荒：联机版</strong>
											</div>
										</a>
									</li>
									<li class="four">
										<a href="#">
											<div class="bian">
												<strong>星际战甲</strong>
											</div>
										</a>
									</li>
									<li class="five">
										<a href="#">
											<div class="bian">
												<strong>剑网3</strong>
											</div>
										</a>
									</li>
									<li class="six">
										<a href="#">
											<div class="bian">
												<strong>英雄联盟</strong>
											</div>
										</a>
									</li>
									<li class="seven">
										<a href="#">
											<div class="bian">
												<strong>启蒙</strong>
											</div>
										</a>
									</li>

								</ul>
								<span class="mask"></span>
							</div>
						</div>
					</div>
				</div>

			</div>
			<div class="xia">
				<div class="container" style="position: relative;max-width: 1030px;">
					<h3>热点预告</h3>
					<ul class="vmcarousel-normal">
						<li>
							<div class="game">
								<a href="#"><img src="image/1.jpg" alt="" width="184px;"></a>
								<div class="yue">
									<strong>6月</strong>
									<strong style=" height: 19px;font-size: 13px; color: #858585;">铁甲雄兵</strong>
								</div>
								<div class="tdd">
									<div class="name">
										<strong style="color:#3c3c3c;font-size: 15px;">铁甲雄兵</strong>
									</div>
									<div class="name-in">
										<strong style="font-size: 13px;">史诗皮肤，限时上架！ </strong>
									</div>
									<div class="lal">
										<a href="#">关注</a>
										<a href="#">游戏详情</a>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="game">
								<a href="#"><img src="image/2.jpg" alt="" width="184px;"></a>
								<div class="yue">
									<strong>6月</strong>
									<strong style=" height: 19px;font-size: 13px; color: #858585;">准时在线领天勇</strong>
								</div>
								<div class="tdd">
									<div class="name">
										<strong style="color:#3c3c3c;font-size: 15px;">疾风之刃</strong>
									</div>
									<div class="name-in">
										<strong style="font-size: 13px;">每日签到领Q币 </strong>
									</div>
									<div class="lal">
										<a href="#">进入活动</a>
										<a href="#">游戏详情</a>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="game">
								<a href="#"><img src="image/3.jpg" alt="" width="184px;"></a>
								<div class="yue">
									<strong>6月</strong>
									<strong style=" height: 19px;font-size: 13px; color: #858585;">最终幻想14</strong>
								</div>
								<div class="tdd">
									<div class="name">
										<strong style="color:#3c3c3c;font-size: 15px;">最终幻想14</strong>
									</div>
									<div class="name-in">
										<strong style="font-size: 13px;">二区专享,100%经验加成 </strong>
									</div>
									<div class="lal">
										<a href="#">关注</a>
										<a href="#">游戏详情</a>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="game">
								<a href="#"><img src="image/4.jpg" alt="" width="184px;"></a>
								<div class="yue">
									<strong>6月</strong>
									<strong style=" height: 19px;font-size: 13px; color: #858585;">使命召唤OL</strong>
								</div>
								<div class="tdd">
									<div class="name">
										<strong style="color:#3c3c3c;font-size: 15px;">使命召唤OL</strong>
									</div>
									<div class="name-in">
										<strong style="font-size: 13px;">豪礼回馈登录领 </strong>
									</div>
									<div class="lal">
										<a href="#">进入活动</a>
										<a href="#">游戏详情</a>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="game">
								<a href="#"><img src="image/5.jpg" alt="" width="184px;"></a>
								<div class="yue">
									<strong>6月</strong>
									<strong style=" height: 19px;font-size: 13px; color: #858585;">全新道具上线</strong>
								</div>
								<div class="tdd">
									<div class="name">
										<strong style="color:#3c3c3c;font-size: 15px;">堡垒之夜</strong>
									</div>
									<div class="name-in">
										<strong style="font-size: 13px;">超人气竞技网游来袭！ </strong>
									</div>
									<div class="lal">
										<a href="#">进入活动</a>
										<a href="#">游戏详情</a>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="game">
								<a href="#"><img src="image/6.jpg" alt="" width="184px;"></a>
								<div class="yue">
									<strong>6月</strong>
									<strong style=" height: 19px;font-size: 13px; color: #858585;">限量神器</strong>
								</div>
								<div class="tdd">
									<div class="name">
										<strong style="color:#3c3c3c;font-size: 15px;">穿越火线</strong>
									</div>
									<div class="name-in">
										<strong style="font-size: 13px;">立即领取</strong>
									</div>
									<div class="lal">
										<a href="#">进入活动</a>
										<a href="#">游戏详情</a>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="game">
								<a href="#"><img src="image/7.jpg" alt="" width="184px;"></a>
								<div class="yue">
									<strong>6月</strong>
									<strong style=" height: 19px;font-size: 13px; color: #858585;">登录送永久</strong>
								</div>
								<div class="tdd">
									<div class="name">
										<strong style="color:#3c3c3c;font-size: 15px;">逆战</strong>
									</div>
									<div class="name-in">
										<strong style="font-size: 13px;">全模式射击平台网游 </strong>
									</div>
									<div class="lal">
										<a href="#">进入活动</a>
										<a href="#">游戏详情</a>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="game">
								<a href="#"><img src="image/8.jpg" alt="" width="184px;"></a>
								<div class="yue">
									<strong>6月</strong>
									<strong style=" height: 19px;font-size: 13px; color: #858585;">新版本更新</strong>
								</div>
								<div class="tdd">
									<div class="name">
										<strong style="color:#3c3c3c;font-size: 15px;">饥荒：联机版</strong>
									</div>
									<div class="name-in">
										<strong style="font-size: 13px;">全新玩法，全新角色 </strong>
									</div>
									<div class="lal">
										<a href="#">进入活动</a>
										<a href="#">游戏详情</a>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="game">
								<a href="#"><img src="image/9.jpg" alt="" width="184px;"></a>
								<div class="yue">
									<strong>6月</strong>
									<strong style=" height: 19px;font-size: 13px; color: #858585;">首发6折</strong>
								</div>
								<div class="tdd">
									<div class="name">
										<strong style="color:#3c3c3c;font-size: 15px;">启蒙</strong>
									</div>
									<div class="name-in">
										<strong style="font-size: 13px;">孤胆枪手，挺入地牢 </strong>
									</div>
									<div class="lal">
										<a href="#">进入活动</a>
										<a href="#">游戏详情</a>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="game">
								<a href="#"><img src="image/10.jpg" alt="" width="184px;"></a>
								<div class="yue">
									<strong>6月</strong>
									<strong style=" height: 19px;font-size: 13px; color: #858585;">NBA2KOL2</strong>
								</div>
								<div class="tdd">
									<div class="name">
										<strong style="color:#3c3c3c;font-size: 15px;">NBA总决赛</strong>
									</div>
									<div class="name-in">
										<strong style="font-size: 13px;">助力总决赛！</strong>
									</div>
									<div class="lal">
										<a href="#">进入活动</a>
										<a href="#">游戏详情</a>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="game">
								<a href="#"><img src="image/11.jpg" alt="" width="184px;"></a>
								<div class="yue">
									<strong>6月</strong>
									<strong style=" height: 19px;font-size: 13px; color: #858585;">端午同舟共玩三国</strong>
								</div>
								<div class="tdd">
									<div class="name">
										<strong style="color:#3c3c3c;font-size: 15px;">三国杀</strong>
									</div>
									<div class="name-in">
										<strong style="font-size: 13px;">免费 </strong>
									</div>
									<div class="lal">
										<a href="#">进入活动</a>
										<a href="#">游戏详情</a>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="game">
								<a href="#"><img src="image/12.jpg" alt="" width="184px;"></a>
								<div class="yue">
									<strong>6月</strong>
									<strong style=" height: 19px;font-size: 13px; color: #858585;">星魂集结集卡</strong>
								</div>
								<div class="tdd">
									<div class="name">
										<strong style="color:#3c3c3c;font-size: 15px;">英雄联盟</strong>
									</div>
									<div class="name-in">
										<strong style="font-size: 13px;">集卡免费赢永久皮肤 </strong>
									</div>
									<div class="lal">
										<a href="#">进入活动</a>
										<a href="#">游戏详情</a>
									</div>
								</div>
							</div>
						</li>
					</ul>
					<a href="" class="one" style="display: none;">
						<i class="fa fa-chevron-left" aria-hidden="true"></i>
					</a>
					<a href="" class="two" style="display: none;">
						<i class="fa fa-chevron-right" aria-hidden="true"></i>
					</a>
				</div>
			</div>

		</header>
		<div class="main">
			<div class="container" style="max-width: 1030px;">
				<div class="top">
					<div class="row">
						<div class="col-md-4 col-12">
							<div class="hot-top">
								<h2>火爆新品</h2>
							</div>
							<div class="hot-zhong">
								<div class="hot-cor">
									<a href=""><img src="img/aa.jpg" /></a>
									<span class="one">
										1
									</span>
								</div>
								<div class="hot-don">
									<div class="small">免费</div>
									<div class="time">2019-04</div>
								</div>
								<div class="xqa">
									<div class="ttop">
										<img src="img/aa.jpg" />
									</div>
									<div class="bom">
										<h3>三国杀</h3>
										<p><i class="fa fa-calendar" aria-hidden="true"></i> 2019-04-18 上线</p>
										<p><i class="fa fa-tag" aria-hidden="true"></i> 三国 / 经典回归 / 新游 / 纸牌 / 角色扮演</p>
									</div>
								</div>
							</div>
							<div class="hot-s">
								<a href="#">
									<div class="hot-left">
										<img src="img/aa2.jpg" />
										<span>2</span>
									</div>
									<div class="hot-right">
										<div class="week">
											<strong>群雄逐鹿HD</strong>
										</div>
										<div class="boot">
											免费
										</div>
										<span id="">
						    			2019-06
						    		</span>
									</div>
								</a>
								<div class="xqa">
									<div class="ttop">
										<img src="img/aa2.jpg" />
									</div>
									<div class="bom">
										<h3>三国杀</h3>
										<p><i class="fa fa-calendar" aria-hidden="true"></i> 2019-04-18 上线</p>
										<p><i class="fa fa-tag" aria-hidden="true"></i> 三国 / 经典回归 / 新游 / 纸牌 / 角色扮演</p>
									</div>
								</div>
							</div>
							<div class="hot-s">
								<a href="#">
									<div class="hot-left">
										<img src="img/aa3.jpg" />
										<span style="background: #d5bc9b;">3</span>
									</div>
									<div class="hot-right">
										<div class="week">
											<strong>星际战甲</strong>
										</div>
										<div class="boot">
											免费
										</div>
										<span id="">
						    			2019-06
						    		</span>
									</div>
								</a>
								<div class="xqa">
									<div class="ttop">
										<img src="img/aa3.jpg" />
									</div>
									<div class="bom">
										<h3>星际战甲</h3>
										<p><i class="fa fa-calendar" aria-hidden="true"></i> 2019-03-05 上线</p>
										<p><i class="fa fa-tag" aria-hidden="true"></i> 开放 / 科幻世界 / 动作冒险/ TPS / 太空</p>
									</div>
								</div>
							</div>
							<div class="hot-s">
								<a href="#">
									<div class="hot-left">
										<img src="img/aa4.jpg" />
										<span style="background:#252525;color: #999;">4</span>
									</div>
									<div class="hot-right">
										<div class="week">
											<strong>铁甲雄兵</strong>
										</div>
										<div class="boot">
											免费
										</div>
										<span id="">
						    			2019-06
						    		</span>
									</div>
								</a>
								<div class="xqa">
									<div class="ttop">
										<img src="img/aa4.jpg" />
									</div>
									<div class="bom">
										<h3>铁甲雄兵</h3>
										<p><i class="fa fa-calendar" aria-hidden="true"></i> 2019-04-25 上线</p>
										<p><i class="fa fa-tag" aria-hidden="true"></i> 国产 / 电子竞技 / 冷兵器 / 策略 / 动作冒险</p>
									</div>
								</div>
							</div>
							<div class="hot-s">
								<a href="#">
									<div class="hot-left">
										<img src="img/aa5.jpg" />
										<span style="background: #252525;color: #999;">5</span>
									</div>
									<div class="hot-right">
										<div class="week">
											<strong>剑灵洪门崛起</strong>
										</div>
										<div class="boot">
											免费
										</div>
										<span id="">
						    			2019-06
						    		</span>
									</div>
								</a>
								<div class="xqa">
									<div class="ttop">
										<img src="img/aa5.jpg" />
									</div>
									<div class="bom">
										<h3>剑灵洪门崛起</h3>
										<p><i class="fa fa-calendar" aria-hidden="true"></i> 2019-05-18 上线</p>
										<p><i class="fa fa-tag" aria-hidden="true"></i> MMORPG/ 武侠 / 唯美画面 / 剧情丰富 / 角色扮演</p>
									</div>
								</div>
							</div>
							<div class="hot-s">
								<a href="#">
									<div class="hot-left"><img src="img/aa6.jpg" />
										<span style="background: #252525;color: #999;">6</span>
									</div>
									<div class="hot-right">
										<div class="week">
											<strong>隐形守护者</strong>
										</div>
										<div class="boot">
											免费
										</div>
										<span id="">
						    			2019-06
						    		</span>
									</div>
								</a>
								<div class="xqa">
									<div class="ttop">
										<img src="img/aa6.jpg" />
									</div>
									<div class="bom">
										<h3>隐形守护者</h3>
										<p><i class="fa fa-calendar" aria-hidden="true"></i> 2019-03-05 上线</p>
										<p><i class="fa fa-tag" aria-hidden="true"></i> 角色扮演 / 解密 / 生存 / 音乐动听 / 单人</p>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-4 col-12">
							<div class="hot-top">
								<h2>本周热销</h2>
							</div>
							<div class="hot-zhong">
								<div class="hot-cor">
									<a href=""><img src="img/bb.jpg" /></a>
									<span class="one">
										1
									</span>
								</div>
								<div class="hot-don">
									<div class="small" style="font-weight: 700;color: #ff6f00;font-size: 15px;">¥ 24</div>
								</div>
								<div class="xqa">
									<div class="ttop">
										<img src="img/bb.jpg" />
									</div>
									<div class="bom">
										<h3>饥荒：联机版</h3>
										<p><i class="fa fa-calendar" aria-hidden="true"></i> 2016-10-20 上线</p>
										<p><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 85.8% （2.6万 条评测）</p>
										<p><i class="fa fa-tag" aria-hidden="true"></i> 多人联机 / 开放世界 / 独立游戏 / 沙盒游戏 / 海外引进</p>
									</div>
								</div>
							</div>
							<div class="hot-s">
								<a href="#">
									<div class="hot-left">
										<img src="img/bb2.jpg" />
										<span>2</span>
									</div>
									<div class="hot-right">
										<div class="week">
											<strong>中国式家长</strong>
										</div>
										<div class="boo">
											¥ 36
										</div>
									</div>
								</a>
							    <div class="xqa">
									<div class="ttop">
										<img src="img/bb2.jpg" />
									</div>
									<div class="bom">
										<h3>中国式家长</h3>
										<p><i class="fa fa-calendar" aria-hidden="true"></i> 2018-09-29 上线</p>
										<p><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 92% （1.4万 条评测）</p>
										<p><i class="fa fa-tag" aria-hidden="true"></i> 类Rogue / 角色扮演 / 独立游戏 / 模拟经营/ Q版画风</p>
									</div>
								</div>
							</div>
							<div class="hot-s">
								<a href="#">
									<div class="hot-left">
										<img src="img/bb3.jpg" />
										<span style="background: #d5bc9b;">3</span>
									</div>
									<div class="hot-right">
										<div class="week">
											<strong>启蒙</strong>
										</div>
										<div class="boo">
											¥ 23
										</div>
									</div>
								</a>
							    <div class="xqa">
									<div class="ttop">
										<img src="img/bb3.jpg" />
									</div>
									<div class="bom">
										<h3>启蒙</h3>
										<p><i class="fa fa-calendar" aria-hidden="true"></i> 2018-10-20 上线</p>
										<p><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 82% （2.6万 条评测）</p>
										<p><i class="fa fa-tag" aria-hidden="true"></i> 多人联机 / 开放世界 / 独立游戏 / 沙盒游戏 / 海外引进</p>
									</div>
								</div>
							</div>
							<div class="hot-s">
								<a href="#">
									<div class="hot-left">
										<img src="img/aa6.jpg" />
										<span style="background:#252525;color: #999;">4</span>
									</div>
									<div class="hot-right">
										<div class="week">
											<strong>隐形守护者完整版</strong>
										</div>
										<div class="boo">
											¥ 43
										</div>

									</div>
								</a>
							    <div class="xqa">
									<div class="ttop">
										<img src="img/aa6.jpg" />
									</div>
									<div class="bom">
										<h3>隐形守护者完整版</h3>
										<p><i class="fa fa-calendar" aria-hidden="true"></i> 2019-03-05 上线</p>
										<p><i class="fa fa-tag" aria-hidden="true"></i> 角色扮演 / 解密/ 生存 / 音乐动听 / 单人</p>
									</div>
								</div>
							</div>
							<div class="hot-s">
								<a href="#">
									<div class="hot-left"><img src="img/aa7.jpg" />
										<span style="background: #252525;color: #999;">5</span>
									</div>
									<div class="hot-right">
										<div class="week">
											<strong>作业疯了</strong>
										</div>
										<div class="boo">
											¥ 28
										</div>

									</div>
								</a>
							    <div class="xqa">
									<div class="ttop">
										<img src="img/aa7.jpg" />
									</div>
									<div class="bom">
										<h3>作业疯了</h3>
										<p><i class="fa fa-calendar" aria-hidden="true"></i> 2019-06-14 上线</p>
										<p><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 28.2% （85 条评测）</p>
										<p><i class="fa fa-tag" aria-hidden="true"></i> 解密 / 生存 / 付费软件 / 国产 / 拷贝售卖</p>
									</div>
								</div>
							</div>
							<div class="hot-s">
								<a href="#">
									<div class="hot-left"><img src="img/bb4.jpg" />
										<span style="background: #252525;color: #999;">6</span>
									</div>
									<div class="hot-right">
										<div class="week">
											<strong>了不起的修仙模拟器</strong>
										</div>
										<div class="boo">
											¥ 68
										</div>
									</div>
								</a>
							    <div class="xqa">
									<div class="ttop">
										<img src="img/bb4.jpg" />
									</div>
									<div class="bom">
										<h3>了不起的休闲模拟器</h3>
										<p><i class="fa fa-calendar" aria-hidden="true"></i> 2019-01-11 上线</p>
										<p><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 77% （4948 条评测）</p>
										<p><i class="fa fa-tag" aria-hidden="true"></i> 沙盒游戏 / 独立游戏 / 模拟经营 / 开放世界 / 玄幻</p>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-4 col-12">
							<div class="hot-top">
								<h2>口碑佳作</h2>
							</div>
							<div class="hot-s" style="padding: 0;margin-bottom: 10px;height: 78px;">
								<div class="hot-lefts">
									<img src="img/cc1.jpg" />
									<span style="background: #e9ce57;">1</span>
								</div>
								<div class="hot-right" style="margin: 0 0 0 80px;">
									<div class="week">
										<strong>虎豹骑</strong>
									</div>
									<div class="boot">
										免费
									</div>
									<span id="" style="font-size: 15px;color: #333;">
						    			96.5%
						    		</span>
									<span class="ee">
						    			周推荐率
						    		</span>
								</div>
							</div>
							<div class="hot-s" style="padding: 0;margin-bottom: 10px;height: 78px;">
								<div class="hot-lefts">
									<img src="img/cc2.jpg" />
									<span style="background: #c3ccd3;;">2</span>
								</div>
								<div class="hot-right" style="margin: 0 0 0 80px;">
									<div class="week">
										<strong>星谷物语路</strong>
									</div>
									<div class="boo">
										¥ 48
									</div>
									<span id="" style="font-size: 15px;color: #333;">
						    			95.0%
						    		</span>
									<span class="ee">
						    			周推荐率
						    		</span>
								</div>
							</div>
							<div class="hot-s" style="padding: 0;margin-bottom: 10px;height: 78px;">
								<div class="hot-lefts">
									<img src="img/cc3.jpg" />
									<span style="background:#d5bc9b;">3</span>
								</div>
								<div class="hot-right" style="margin: 0 0 0 80px;">
									<div class="week">
										<strong>了不起的修仙模拟器</strong>
									</div>
									<div class="boo">
										¥ 68
									</div>
									<span id="" style="font-size: 15px;color: #333;">
						    			95.0%
						    		</span>
									<span class="ee">
						    			周推荐率
						    		</span>
								</div>
							</div>
							<div class="hot-top" style="padding-top: 10px;">
								<h2>最新上架</h2>
							</div>
							<div class="hot-s" style="padding: 0;margin-bottom: 10px;height: 78px;">
								<div class="hot-lefts">
									<img src="img/dd1.jpg" />
								</div>
								<div class="hot-right" style="margin: 0 0 0 80px;">
									<div class="week">
										<strong>剑网3</strong>
									</div>
									<div class="boot">
										时长付费
									</div>
									<span id="" style="top: 10px;">
						    			2019-06-20
						    		</span>
								</div>
							</div>
							<div class="hot-s" style="padding: 0;margin-bottom: 10px;height: 78px;">
								<div class="hot-lefts">
									<img src="img/dd2.jpg" />
								</div>
								<div class="hot-right" style="margin: 0 0 0 80px;">
									<div class="week">
										<strong>作业疯了</strong>
									</div>
									<div class="boo">
										¥ 25
									</div>
									<span id="" style="top: 10px;">
						    		2019-06-14
						    		</span>
								</div>
							</div>
							<div class="hot-s" style="padding: 0;height: 78px;">
								<div class="hot-lefts">
									<img src="img/dd3.jpg" />
								</div>
								<div class="hot-right" style="margin: 0 0 0 80px;">
									<div class="week">
										<strong>启蒙</strong>
									</div>
									<div class="boo">
										¥ 23
									</div>
									<span id="" style="top: 10px;">
						    			2019-06-06
						    		</span>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="zhong">
					<div class="top">
						<h2>最近更新</h2>
					</div>
					<div class="row" style="padding-top: 20px;">
						<div class="col-md-4 col-12">
							<a href="#">
								<div class="tu">
									<img src="img/e1.png" />
								</div>
								<div class="zi">
									<h3>更新预告 | 新女生预告 + 6/20多语言更新！</h3>
									<div class="name">
										<a href="#">中国式家长</a>
									</div>
									<p class="wen">
										如果各位还记得的话，可能还记得我们曾经在刚发售不久后，给各位玩家的感谢信中提到——我们会更新更多女生！而现在——新女生真的要来啦！ 并且我们也会在6月20日进行游戏更新，修复bug的同时追加英文版，如果大家有说英语的朋友，请告诉他们这个消息噢~
									</p>
									<div class="xiamian">
										<p class="one"><i class="fa fa-commenting-o" aria-hidden="true"></i> 30</p>
										<p class="two">2019-06-13</p>
									</div>
								</div>
							</a>
						</div>
						<div class="col-md-4 col-12">
							<a href="#">
								<div class="tu">
									<img src="img/e2.png" />
								</div>
								<div class="zi">
									<h3>铁甲雄兵6月14日9:00——11:00停机维护公告</h3>
									<div class="name">
										<a href="#">铁甲雄兵</a>
									</div>
									<p class="wen">
										为保证游戏运行的稳定性，提升整体服务质量和体验，《铁甲雄兵》将于6月14日09:00~11:00进行...
									</p>
									<div class="xiamian">
										<p class="one"><i class="fa fa-commenting-o" aria-hidden="true"></i> 84</p>
										<p class="two">2019-06-13</p>
									</div>
								</div>
							</a>
						</div>
						<div class="col-md-4 col-12">
							<a href="#">
								<div class="tu">
									<img src="img/e3.jpg" />
								</div>
								<div class="zi">
									<h3>V9.21 全新玩法-锄魔行动震撼上线
								</h3>
									<div class="name">
										<a href="#">堡垒之夜</a>
									</div>
									<p class="wen">
										近程榴弹发射器和全新合作模式：锄魔行动来啦~
									</p>
									<div class="xiamian">
										<p class="one"><i class="fa fa-commenting-o" aria-hidden="true"></i>
											<27> </27>
										</p>
										<p class="two">2019-06-13</p>
									</div>
								</div>
							</a>
						</div>
					</div>
				</div>
				<div class="footer">
					<div class="top">
						<h2>精选专区</h2>
					</div>
					<div class="row">
						<div class="col-md-8 col-12">
							<a href="#">
								<div class="tops">
									<div class="sub">
										<img src="img/f1.jpeg" />
									</div>
									<div class="tops-dao">
										<span class="xx">
										限时体验
										<i class="jiantou"></i>
									</span>
										<span class="dd">
										免费试玩
									</span>
										<div class="time">
											<i class="fa fa-clock-o" aria-hidden="true" style="font-size: 20px;display: block;float: left;"></i>
											<p style="display: inline-block;    padding-left: 5px;"> 剩余37天</p>
										</div>
									</div>
								</div>
							</a>
							<div class="row">
								<div class="col-md-6 col-12">
									<a href="#">
										<div class="bobo">
											<img src="img/f3.jpeg" />
											<div class="qian">¥ 32</div>
										</div>
									</a>
									<a href="#">
										<div class="bobo">
											<img src="img/f5.jpeg" />
											<div class="qian">¥ 36</div>
										</div>
									</a>
								</div>
								<div class="col-md-6 col-12">
									<a href="#">
										<div class="bobo">
											<img src="img/f4.jpeg" />
											<div class="qian">¥ 68</div>
										</div>
									</a>
									<a href="#">
										<div class="bobo">
											<img src="img/f6.jpeg" />
											<div class="qian">¥ 33</div>
										</div>
									</a>
								</div>
							</div>
						</div>
						<div class="col-md-4 col-12">
							<a href="#">
								<div class="jianwang">
									<img src="img/f2.jpeg" />
									<div class="qians">时长付费</div>
								</div>
							</a>
							<a href="#">
							<div class="bobo">
									<img src="img/f7.jpeg" />
									<div class="qian">¥ 24</div>
							</div>
						</div>
					</div>
				</div>
				<div class="footers">
					<a href="#">
						<span id="">
			    		 更多内容推荐
			    		 <i class="fa fa-chevron-4right" aria-hidden="true" style="font-weight: 400;"></i>
			    	</span>
					</a>
				</div>
			</div>
		</div>
		<button id="btn" title="回顶部" onclick="topFunction()"><i class="fa fa-arrow-up" aria-hidden="true"></i></button>
		<script src="js/jquery.slim.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/jquery-1.11.0.min.js"></script>
		<script type="text/javascript" src="js/jquery.easing.min.js"></script>
		<script type="text/javascript" src="js/main.js"></script>
		<script src="js/modernizr.js"></script>
		<script src="dist/jquery.vm-carousel.js"></script>
		<script type="text/javascript">
			jQuery(function($) {
				$('.vmcarousel-centered').vmcarousel({
					centered: true,
					start_item: 2,
					autoplay: false,
					infinite: false
				});

				$('.vmcarousel-centered-infitine').vmcarousel({
					centered: true,
					start_item: 1,
					autoplay: false,
					infinite: true
				});

				$('.vmcarousel-normal').vmcarousel({
					centered: false,
					start_item: 0,
					autoplay: false,
					infinite: false
				});
			});
			window.onscroll = function() {
				scrollFunction()
			};
            
			window.onscroll = function() {
				scrollFunction()
			};
            
			function scrollFunction() {
				if(document.body.scrollTop > 500 || document.documentElement.scrollTop > 500) {
					document.getElementById("btn").style.display = "block";
				} else {
					document.getElementById("btn").style.display = "none";
				}
			}
            
			var btn = document.getElementById('btn');
			var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
			btn.onclick = function() {
				$('body,html').animate({
					scrollTop: 0
				}, 500)
			}
		</script>
	</body>

</html>